@extends('layouts.layout')
@section('content')
    <!-- 手机号输入 -->
    <div class="door" id="forget">
        <div class="door-center">
            <div class="login-box" style="height: 432px;">
                <ul class="forgot-nav" style="display: block;">
                    <li>忘记密码</li>
                </ul>
                <from class="login-from">
                    <input type="text" class="loginphone" placeholder="手机号">
                    <div class="code-box" style="display: none;" id="code-box">
                        <input type="text" placeholder="验证码" class="phoneCode">
                        <span class="spacer2"></span>
                        <button class="code" id="getcode">获取验证码</button>
                    </div>
                    <div id="check-code" class="code-box" style='margin-bottom:10px;'>

                         <div id="captcha-slider" class="slider" style="margin: 0 36px;"></div>
                    </div>
                    <button class="login-button" id="forget_button">
                        <span>下一步</span>
                    </button>
                </from>
                <div class="other">
                    <a href="{{route('register')}}">注册</a>
                    <a href="/ucenter#/">登录</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 重置密码 -->
    <div class="door" id="reseting" style="display: none">
        <div class="door-center">
            <div class="login-box" style="height: 432px;">
                <ul class="forgot-nav">
                    <li>重置密码</li>
                </ul>
                <from class="login-from">
                    <input type="password" class="password" placeholder="重置密码">
                    <input type="password" class="password2" placeholder="重复输入确认密码">
                    <button class="login-button" id="reseting_button">
                        <a href="">下一步</a>
                    </button>
                </from>
            </div>
        </div>
    </div>
@endsection



